<template>
  <ElDialog
    v-model="open"
    @close="handleClosed"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    :show-close="false"
    :destroy-on-close="true"
    width="90%"
    style="max-width: 1200px"
  >
    <el-scrollbar>
      <div class="container">
        <div class="container-inner">
          <h1>AI 视频生成工具免责声明</h1>
          <p>
            <span class="highlight">重要提示：</span
            >请您务必仔细阅读并充分理解本免责声明的全部内容，特别是免除或限制责任的条款。一旦您使用本服务，即视为您已阅读并同意本免责声明的全部内容。
          </p>

          <h2 id="one">一、服务性质声明</h2>
          <ol>
            <li>
              本平台是基于人工智能技术的视频生成工具，仅用于技术验证、创意探索和学术研究目的。
            </li>
            <li>
              本平台不生产、编辑或控制生成内容，所有视频内容均由 AI
              模型基于用户输入的提示词自动生成。
            </li>
            <li>
              本平台严格遵循《生成式人工智能服务管理暂行办法》等相关法律法规，致力于提供安全、合规的技术服务。
            </li>
          </ol>

          <h2 id="two">二、内容责任限定</h2>
          <ol>
            <li>
              <strong>生成内容免责：</strong>AI
              生成的视频内容仅供参考和验证使用，不代表本平台的观点或立场。平台不对生成内容的准确性、完整性、合法性或适用性做任何明示或暗示的保证。
            </li>
            <li>
              <strong>用户责任：</strong
              >用户应自行承担使用生成内容的所有风险和责任。因使用、发布或传播生成内容而产生的任何法律后果，均由用户自行承担。
            </li>
            <li>
              <strong>内容审查义务：</strong
              >用户在使用生成内容前，应自行进行充分的合法性审查，确保不侵犯任何第三方的合法权益，包括但不限于知识产权、肖像权、隐私权等。
            </li>
          </ol>

          <h2 id="three">三、知识产权声明</h2>
          <ol>
            <li>
              <strong>训练数据合规：</strong>本平台使用的 AI
              模型训练数据均来自合法渠道，但不对生成内容与现有作品的相似性承担保证责任。
            </li>
            <li>
              <strong>生成内容权利：</strong>AI
              生成内容的知识产权归属存在法律不确定性，用户应自行评估相关风险。平台不对生成内容的可版权性做任何保证。
            </li>
            <li>
              <strong>侵权处理：</strong
              >如发现生成内容涉嫌侵权，请及时联系我们，平台将在核实后采取适当措施。
            </li>
          </ol>

          <h2 id="four">四、使用限制</h2>
          <ol>
            <li>
              <strong>禁止用途：</strong
              >用户不得将本服务用于制作、传播违法有害信息，包括但不限于淫秽色情、暴力恐怖、虚假谣言、诽谤中伤等内容。
            </li>
            <li>
              <strong>标识义务：</strong>用户发布 AI
              生成内容时，应按照相关法律法规要求进行适当标识，不得故意隐瞒或删除
              AI 生成标识。
            </li>
            <li>
              <strong>合规使用：</strong
              >用户应遵守《互联网信息服务深度合成管理规定》等相关法规，确保合法合规使用本服务。
            </li>
          </ol>

          <h2 id="five">五、服务限制</h2>
          <ol>
            <li>
              <strong>技术局限性：</strong>AI
              技术存在固有局限性，生成内容可能存在偏差、错误或不适当之处。平台不保证生成内容符合用户的具体期望。
            </li>
            <li>
              <strong>服务可用性：</strong
              >平台按“现状”和“可用”基础提供服务，不保证服务的持续性、稳定性和安全性。因技术维护、系统升级等原因导致的服务中断，平台不承担责任。
            </li>
            <li>
              <strong>第三方依赖：</strong
              >本服务可能依赖第三方技术和服务，对于第三方服务的可用性和准确性，平台不承担责任。
            </li>
          </ol>

          <h2 id="six">六、责任限制</h2>
          <ol>
            <li>
              在法律允许的最大范围内，本平台不对因使用本服务而产生的任何直接、间接、附带、特殊或后果性损害承担责任。
            </li>
            <li>
              用户明确理解并同意，因使用本服务或生成内容而导致的任何损失或损害，平台承担的责任限额不超过用户因使用本服务而支付的费用总额。
            </li>
            <li>
              对于因用户违反本免责声明或相关法律法规而导致的任何索赔、损失或损害，用户应独立承担全部责任并赔偿平台因此遭受的所有损失。
            </li>
          </ol>

          <h2 id="seven">七、其他条款</h2>
          <ol>
            <li>本免责声明的解释、效力及争议解决均适用中华人民共和国法律。</li>
            <li>
              如本免责声明的任何条款被认定为无效或不可执行，不影响其他条款的有效性和可执行性。
            </li>
            <li>
              平台保留随时更新本免责声明的权利，更新后的条款一经公布即生效。
            </li>
          </ol>

          <p>
            <span class="highlight">再次提醒：</span
            >本平台仅为技术验证工具，请用户理性使用，严格遵守法律法规，共同维护良好的网络环境。如有任何疑问，请联系平台客服。
          </p>

          <div class="footer">
            <p>
              © <span>{{ new Date().getFullYear() }}</span> 超级素材. All rights
              reserved.
            </p>
          </div>
        </div>
      </div>
    </el-scrollbar>
    <template #footer>
      <el-button type="primary" @click="open = false">我知道了</el-button>
    </template>
  </ElDialog>
</template>
<script setup>
import { ElDialog } from 'element-plus';
import { watch } from 'vue';
import { useRoute } from 'vue-router';
import useUserStore from '../../store/modules/user';

const open = ref(false);
const route = useRoute();
const userStore = useUserStore();
const key = 'userDailyTip';
const handleClosed = () => {
  localStorage.setItem(
    key,
    JSON.stringify({ id: userStore.id, time: new Date().getTime() }),
  );
};
const checkTip = () => {
  try {
    const userDailyTip = JSON.parse(localStorage.getItem(key) || '{}');
    const tipTime = new Date(userDailyTip.time || 0);
    const now = new Date();
    if (
      (tipTime.getFullYear() === now.getFullYear() &&
        tipTime.getMonth() === now.getMonth() &&
        tipTime.getDate() === now.getDate() &&
        userStore.id &&
        userDailyTip.id === userStore.id) ||
      !userStore.id
    ) {
      return;
    }
    open.value = true;
  } catch (error) {}
};

watch(
  () => [route.path, userStore.id],
  () => {
    checkTip();
  },
  {
    immediate: true,
  },
);
</script>
<style lang="scss" scoped>
.container {
  max-height: calc(100vh - 240px);
  &-inner {
    padding: 30px 40px;
  }

  h1 {
    font-size: 26px;
    margin-bottom: 30px;
    text-align: center;
    color: #111;
  }
  h2 {
    font-size: 18px;
    margin: 30px 0 12px;
    color: #0052d9;
    border-left: 4px solid #0052d9;
    padding-left: 10px;
  }
  p,
  li {
    margin: 8px 0;
  }
  ol,
  ul {
    margin: 10px 0 10px 22px;
  }
  .highlight {
    color: #d93025;
    font-weight: 600;
  }
  .footer {
    margin-top: 40px;
    font-size: 13px;
    color: #666;
    text-align: center;
  }
  a {
    color: #0052d9;
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
}
</style>
<style>
.mobile {
  .container-inner {
    padding: 0;
  }
}
</style>
